<template>
  <div class="hd">
    <div class="log">
      <img src="../../components/nav/img/logo.png" alt="" />
      <p>管理员页面</p>
    </div>
    <ul class="ul1">
      <li @click="xs('goods')"><span>商品管理</span></li>
      <li @click="xs('user')"><span>用户管理</span></li>
    </ul>
  </div>
</template>

<script>
export default {
  methods: {
    xs: function xs(d) {
      if (d == "user") {
        this.$store.commit("ly/xop", {
          1: "用户",
          2: "用户账户",
          3: "购物车",
          4: "用户订单",
          5: "用户特征",
        });
        this.$store.commit("ly/vw", true, 1);
        this.$store.commit("ly/hh", 1);
        this.$store.commit("ly/changgeop",1);
      } else {
        this.$store.commit("ly/xop", {
          6: "商品首页信息",
          7: "商品评论",
          8: "详情页数据",
          9: "详情页照片",
        });
        this.$store.commit("ly/vw", true, 6);
        this.$store.commit("ly/hh", 6);
        this.$store.commit("ly/changgeop",0);
      }
    },
  },
};
</script>

<style scoped lang="scss">
* {
  padding: 0px;
  margin: 0px;
  // height: 1000px;
}
div.log {
  width: 10%;
  height: 100%;
  background-color: white;
  display: inline-block;
  position: relative;
  top: 0px;
  p {
    position: relative;
    top: -46px;
    left: 59px;
    font-size: 13px;
  }
  img {
    width: 180px;
    height: 100px;
  }
}

div.hd {
  width: 100%;
  height: 100px;
  background-color: white;
}

.ul1 {
  width: 50%;
  display: inline-block;
  height: 100%;
  list-style: none;
  top: -21px;
  position: relative;
  li {
    width: 20%;
    height: 100%;
    // background-color: rgb(236, 227, 235);
    float: left;
    margin-right: 10px;
    border-right: 1px solid #f2f2f2e8;
    text-align: center;
    line-height: 100px;
    // color:rgb(205, 163, 218);
    cursor: pointer;
  }
}
</style>